<!doctype html>
<!--[if lt IE 7 ]> <html lang="ja" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="ja" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="ja" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="ja" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="ja" class="no-js"> <!--<![endif]-->
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>console のメソッド</title>
	<meta name="description" content="" />
	<meta name="author" content="Y.Nishimura@Office L / nishimuray@gmail.com" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

	<link rel="stylesheet" href="css/test.style.css?v=1" />

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/modernizr.js"></script>
	<script>!window.jQuery && document.write('<script src="js/jquery-1.6.1.js"><\/script>')</script>
	<script type="text/javascript" src="js/test.script.js"></script>
</head>
<body>

<div id="log">出現順にコンソールログ参照</div>

<ul>
<li><a href="http://getfirebug.com/wiki/index.php/Console_API">FireBug の console API のwiki</a></li>
<li><a href="http://benalman.com/projects/javascript-debug-console-log/">このページ後で確認</a></li>
</ul>

<pre>
// メモ
// IEでデバッグする際にcosole.XXXでエラーが出ないように空オブジェクトを作る
if (typeof window.console != 'object'){
	window.console = {
		 log:function(){}
		,debug:function(){}
		,info:function(){}
		,warn:function(){}
		,error:function(){}
		,assert:function(){}
		,dir:function(){}
		,dirxml:function(){}
		,trace:function(){}
		,group:function(){}
		,groupEnd:function(){}
		,time:function(){}
		,timeEnd:function(){}
		,profile:function(){}
		,profileEnd:function(){}
		,count:function(){}
	};
}
</pre>


<script type="text/javascript">
<!-- 
$(function() {

	var wc = window.console;
	var type;
	console.info("consoleオブジェクトの中身をリストアップ");
	for (prop in wc){
		type = typeof(eval("wc." + prop));
		console.log("window.console." + prop + " is " + type);
	}

	console.info("ログ出力系の挙動、表示を確認");
	console.log("これは log()");
	console.debug("これは debug()");
	console.info("これは info()");
	console.warn("これは warn()");
	console.error("これは error()");
	console.assert("これは assert()");
	console.dir("これは dir()");
	console.dirxml("これは dirxml()");
	console.trace("これは trace()");
	console.group("これは group()");
	console.groupEnd("これは groupEnd()");
	console.time("これは time()");
	console.timeEnd("これは timeEnd()");
	console.profile("これは profile()");
	console.profileEnd("これは profileEnd()");
	console.count("これは count()");


});
// -->
</script>

</body>
</html>
